<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <title>今日数据</title>
    <link rel="stylesheet" href="../../css/api.css">
    <link rel="stylesheet" href="../../css/vant.css">
    <link rel="stylesheet" href="../../css/main.css">
    <style>
        html, body {
            background-color: #fff;
            font-family: PingFangSC-Regular;
        }

        .todayData-info {
            margin: .1rem .16rem 0 .16rem;
            height: 1.50rem;
            background-image: url(https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/mine/todayData_bg.png);
            background-size: 100% 100%;
            padding-top: .35rem;
        }

        .todayData-info .titles-block {
            display: flex;
            align-items: center;
            margin: 0 .10rem 0 .50rem;
            color: #333;
            font-size: .14rem;
            height: .20rem;
        }

        .todayData-info .titles-block .leftItem {
            flex: 11;
        }

        .todayData-info .titles-block .rightItem {
            flex: 9;
        }

        .todayData-info .info-block {
            font-size: .30rem;
            font-weight: 700;
            margin-top: .06rem;
            height: .40rem;
        }

        .todayData-info .info-block .unit {
            font-size: .14rem;
            font-weight: 400;
            margin-left: .03rem;
        }

        .todayData-info .desc-block {
            margin-top: .15rem;
            height: .30rem;
            color: #666;
            font-size: .12rem;
        }

        .todayData-info .desc-block .withdrawalBtn {
            background-color: #E7B9B9;
            color: #C8342B;
            font-size: .14rem;
            font-weight: 700;
            text-align: center;
            height: .28rem;
            width: .85rem;
            border-radius: .16rem;
            line-height: .28rem;
        }

        .todayData-title {
            margin-top: .20rem;
            padding-left: .25rem;
            height: .50rem;
            border-bottom: .005rem solid #eee;
            color: #333;
            font-size: .14rem;
            font-weight: 700;
            line-height: .50rem;
        }

        .todayData-title .line {
            margin-left: .10rem;
            width: .50rem;
            height: .02rem;
            background-color: #C7000B;
        }

        .today-explain {
            margin: .20rem .16rem 0 .16rem;
            color: #666;
            font-size: .14rem;
            line-height: .23rem;
        }

    </style>
</head>
<body>
<div class="app" v-cloak>
    <div class="todayData-info">
        <div class="titles-block">
            <div class="leftItem">今日观看时长</div>
            <div class="rightItem">预计奖励</div>
        </div>
        <div class="titles-block info-block">
            <div class="leftItem">{{time}}<span class="unit">分钟</span></div>
            <div class="rightItem">{{money}}<span class="unit">元</span></div>
        </div>
        <div class="titles-block desc-block">
            <div class="leftItem desc">每满10分钟奖励0.2元</div>
            <div class="rightItem">
                <div class="withdrawalBtn" @click='withdrawal'>去提现</div>
            </div>
        </div>
    </div>

    <div class='todayData-title'>赚钱小技巧<div class="line"></div></div>
    <div class="today-explain">
        <p>1、每观看10分钟奖励0.2元；每日最高奖励2.4元。（统计截止每日24:00）</p>
        <p>2、每周观看视频时长前三名分别奖励150/80/50元；（每周一凌晨至周日24:00）</p>
        <p>3、每月观看视频时长第1名奖励300元，第2~3名奖励200元，第4~6名奖励100元；</p>
    </div>

</div>
<script src="../../script/api.js"></script>
<script src="../../script/flexible.js"></script>
<script src="../../script/fastclick.js"></script>
<script src="../../script/vue.min.js"></script>
<script src="../../script/iconfont.js"></script>
<script src="../../script/vant.min.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/restful.js"></script>
<script src="../../script/businessCommon.js"></script>
<script src="../../script/BigPicture.js"></script>
<script>
    apiready = function () {
        vm = new Vue({
            el: '.app',
            data: {
                time: '43',
                money: '0.80',
            },
                
            mounted: function () {
                
            },
            methods: {

                withdrawal() {

                }
                
            },
        });



    }
</script>
</body>
</html>